<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>金手指</title>
<meta name="description" content="">
<meta name="keywords" content="">

<link href="sys/css/common.css" rel="stylesheet">
<link href="sys/css/index.css" rel="stylesheet">
<link href="lib/alertify/alertify.core.css" rel="stylesheet" >
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/pace/pace.css" rel="stylesheet" >
<link href="lib/loaders/loaders.min.css" rel="stylesheet" >


<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="lib/metronic/components.css"  id="style_components"  rel="stylesheet">
</head>
<body>

<header>
  <div class="top">
    <ul>
      <li class="action-login"><i class="fa fa-user"></i> 用户登录</li>
      <li class="action-reg font-red"><i class="fa fa-registered"></i> 免费注册</li>
      <li><i class="fa fa-star"></i> 收藏我们</li>
    </ul>
  </div>
  <div class="bar">
    <div class="logo"><img src="img/siteLogo.png"></div>
    <div class="search">
      <input type="text" name="key" id="key" value="" placeholder="请输入您要搜索的商品">
      <div class="search_img"><i class="fa fa-search"></i></div>
    </div>
  </div>
</header>

<nav>
  <ul>
    <li><i class="fa fa-list"></i> 分类导航</li>
    <li>首页a</li>
    <li>优惠购</li>
    <li>9.9元包邮</li>
    <li>限时疯抢</li>
    <li>人气榜</li>
    <li>免费试用</li>
    <li>平台优势</li>
    <li><i class="fa fa-shopping-cart"></i> 卖家免费入驻</li>
  </ul>
</nav>

<section class="login">
  <div class="login-cnt">
    <div class="login-logo"><img src="img/login01.png" alt=""></div>
    <div class="login-main">
      <div class="login-hd">
        <li class="loginYh">买家登录</li>
        <li class="loginSj on">商家登录</li>
      </div>
      
      <div class="form-cnt">
        <span class="login-title">登录账户：</span>
        <div class="input-group">
          <input class="login-input" id="login-mobile" type="text" placeholder="手机号">
          <i class="fa fa-user"></i>
        </div>
        <span class="login-title">登录密码：</span>
        <div class="input-group">
          <input class="login-input" id="login-password" type="password" placeholder="请输入密码">
          <i class="fa fa-key"></i>
        </div>
        <span class="login-title u-verify" style="display: none">验证码：</span>
        <!-- <div class="input-group u-verify" style="display: none">
          <div class="u-vc">
            <input class="login-vertify" id="login-vertify" type="text" placeholder="请输入验证码">
            <img src="" id="vertifyCode">
          </div>
        </div> -->
        <button class="md-btn" id="loginBtn">登 录</button>
        <div class="tip-register">
          <span>没有账号？</span>
          <a class="action-register">[免费注册]</a>
          <a id="forgetPwd">[忘记密码]</a>
        </div>
      </div>
    
    </div>
  </div>
  <div class="login-info">
    <span>请使用主流的浏览器访问本站点，不支持国产的浏览器(由于360、腾讯浏览器修改了内核，具有不稳定和侵犯隐私的问题等)，目前支持的浏览器包括：</span>
    <ul>
       <span class="u-browser">Chrome</span>
      <span class="u-browser">Safria</span>
      <span class="u-browser">Firefox</span>
      <span class="u-browser">Edge</span>
      
    </ul>
   
  </div>
</section>

<section class="register hide">
  <div class="register-cnt">
    <div class="register-box">
      <img src="img/zhuce02.png">
      <h1><span>买家注册</span></h1>
      <p>我想要免费试用，</p>
      <p>体验商品带给我更多快乐，</p>
      <p>并将这份快乐传递给更多人！猛戳立即注册！</p>
      <button class="md-btn" id="regBuyBtn">买家注册</button>
      <p>我已注册，现在就 <span class="font-red action-login">买家登录</span></p>
    </div>

    <div class="register-box">
      <img src="img/zhuce01.png">
      <h1><span>商家注册</span></h1>
      <p>我想要推广商品、</p>
      <p>收集新品市场反馈、 提升产品销量。</p>
      <p>打造专属于我的品牌！猛戳立即注册！</p>
      <button class="b-blue md-btn" id="regSellBtn">商家注册</button>
      <p>我已注册，现在就 <span class="font-blue action-login">商家登录</span></p>
    </div>
  </div>
</section>

<section class="regs hide"></section>


<section class="forget hide">
  <div class="forget-cnt">
    <li>
      <label class="mt-radio">
        <input type="radio" name="user-type" value="sell" checked> 商家
        <span></span>
      </label>
      <label class="mt-radio">
        <input type="radio" name="user-type" value="buy" > 买家
        <span></span>
      </label>
    </li>
    <li>
      <input type="text" class="login-input" id="mobile-pwd" placeholder="请输入找回密码的手机号">
      <a href="#" class="btn red" id="getPwd">获取验证码</a>
    </li>
    
    <li><span></span></li>
    <li>
      <input type="text" class="login-input" id="smscode" placeholder="请输入验证码">
    </li>
    <li>
      <input type="text" class="login-input" id="pwd" placeholder="请输入密码" >
    </li>
    <li>
      <input type="text" class="login-input" id="repwd" placeholder="请输入确认密码" >
    </li>
    <li>
      <a href="#" class="btn red" id="changePwd">找回密码</a>
      <a href="#" class="btn green" id="return">返回</a>
    </li>
    
  </div>
  
</section>

<footer>
  <div class="qr"><img src="img/qr.png" alt=""></div>
  <div class="help"></div>
  <div class="info">
    <ul>
      <li><span>关于我们</span></li>
      <li><span>帮助中心</span></li>
      <li>
        <ul class="ctt">
          <li>联系我们</li>
          <li>商家客服 QQ：2181198399；2265048770</li>
          <li>买家客服 QQ：2939085757；3173700944</li>
        </ul>
      </li>
    </ul>
     
  </div>
</footer>


<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jsrender/jsrender.js"></script>
<script src="lib/jquery/jquery.cookie.js"></script>
<script src="lib/alertify/alertify.min.js"></script>
<script src="lib/pace/pace.min.js"></script>

<script src="sys/js/common.js"></script>
<script src="sys/js/login.js"></script>
</html>
